<!-- proBank-step start! -->

<div class="step">
    <div class="modal-header clearfix">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <div class="step-img">
            <img src="../newImages/step-1.png" width="690" height="76">
        </div>
    </div>
    <div class="modal-body">
        <form class="form-horizontal clearfix">
            <label class="control-label" for="inputAmount">选择服务方式：</label>
            <div class="input-prepend input-append">
                <label class="radio">
                    <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>自己申请
                </label>
                <label class="radio">
                    <input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">成为融管家会员，让优科金融帮我打理一切
                    <br>
                    <a href="#" target="_blank">了解融管家会员</a>
                </label>
            </div>
        </form>
        <div class="control-btn">
            <a id="stepOne" class="btn btn-blue">下一步</a>
        </div>

    </div>
</div>

<div class="step">
    <div class="modal-header clearfix">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <div class="step1-img">
            <img src="../newImages/step-2.png" width="690" height="76">
        </div>
    </div>
    <div class="modal-body">
        <form class="form-horizontal clearfix">
            <div class="control-group">
                <label class="control-label" for="inputAmount">贷款金额：</label>
                <div class="input-append">
                    <input class="w50" type="text" id="inputAmount">
                    <span class="add-on">万元</span>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputLong">贷款期限：</label>
                <div class="input-append">
                    <input class="w50" type="text" id="inputLong">
                    <span class="add-on">个月</span>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputWhen">您的身份：</label>
                <div class="input-prepend input-append">
                    <select>
                        <option>企业主</option>
                        <option>个体工商户</option>
                        <option>上班族</option>
                        <option>无固定职业</option>
                    </select>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputWhen">工资发放形式：</label>
                <div class="input-prepend input-append">
                    <label class="radio inline">
                        <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">公司代发到银行工资卡中
                    </label>
                    <label class="radio inline">
                        <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">领取现金
                    </label>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="wage">每月工资：</label>
                <div class="input-append">
                    <input class="w50" type="text" id="wage">
                    <span class="add-on">元</span>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputWhen">是否有信用卡：</label>
                <div class="input-prepend input-append">
                    <label class="radio inline">
                        <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">有</label>
                    <label class="radio inline">
                        <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked="">没有
                    </label>
                </div>
            </div>

        </form>
        <div class="control-btn">
            <a id="stepTwo" class="btn btn-blue">下一步</a>
        </div>

    </div>
</div>

<div class="step">
    <div class="modal-header clearfix">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <div class="step-img">
            <img src="../newImages/step-3.png" width="690" height="76">
        </div>
    </div>
    <div class="modal-body">
        <form class="form-horizontal clearfix">
            <div class="control-group">
                <label class="control-label" for="inputAmount">您的姓名：</label>
                <input type="text">
            </div>
            <div class="control-group">
                <label class="control-label" for="inputAmount">手机号码：</label>
                <input type="text">
                <span class="help-inline">客户经理将通过此号码联系您</span>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputCode">手机验证码：</label>
                <div class="input-prepend input-append">
                    <input class="mobile" id="inputCode" type="text">
                    <button class="btn code" type="button">获取验证码</button>
                </div>
            </div>
            <div class="control-group">
                <label class="control-label" for="inputAmount">电子邮箱：</label>
                <input type="text">
                <input style="margin-left:10px" type="checkbox" id="inlineCheckbox1" value="option1">
                <span class="help-inline">我愿意留下电子邮箱让客户经理联系我</span>
            </div>
        </form>
        <div class="control-btn">
            <a id="stepThree" class="btn btn-blue">让客户经理联系我</a>
        </div>
        <div class="alert alert-block mt20">
            <i class="iconfont">&#x3573;</i>我们将致力保护您的个人隐私，您提供的信息将不会以任何形式公布。<br>有任何疑问，请致电优科客服：4006-182-555
        </div>
    </div>
</div>

<div class="step step-success">
    <div class="modal-header clearfix">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    </div>
    <div class="modal-body">
        <div class="finish-box">
            <span>
                <i class="iconfont">&#x3564;</i>恭喜您！</span>已完成了贷款申请。请等待客户经理与您联系。

            <p class="mt20">您也可以花一分钟填写
                <a href="#">补充信息</a>，这将大大提升您的贷款成功率!</p>
        </div>
        <div class="control-btn">
            <a id="stepFour" class="btn btn-blue">继续浏览贷款产品</a>
        </div>
    </div>
</div>

<script>
    $(".step").hide();
    $(".step:first").show();
    $(".control-btn a").click(function() {
        $(".step").hide();
        $(this).parents().next(".step").show();
        return false;
    })
</script>
<!-- proBank-step end! -->
